﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SlideShow.ascx.cs" Inherits="SlideShow.UserControls.SlideShow" %>

<div>
  
    
       <div class="images">
  
    
       <a href="http://www.google.com" target=_blank> <img src="images/image1.png" class="imgclass" alt="Image1"/></a>
          <a href="http://www.google.com" target=_blank>   <img src="images/image2.png" class="imgclass" alt="Image2"/></a>
          <a href="http://www.google.com" target=_blank>   <img src="Images/image3.png" class="imgclass" alt="Image3"/></a>
           <a href="http://www.google.com" target=_blank>      <img src="Images/image4.png" class="imgclass" alt="Image4"/></a>
           <a href="http://www.google.com" target=_blank>  <img src="Images/image5.png" class="imgclass" alt="Image5"/></a>
            
            
            <script type="text/javascript">
                $(function() {
                    var img = $("img.imgclass");
                    $(img).hide().eq(0).show();
                    var cnt = img.length;

                    setInterval(imgRotate, 1500);

                    function imgRotate() {
                        $(img).eq((img.length++) % cnt).fadeOut("slow", function() {
                            $(img).eq((img.length) % cnt)
                    .fadeIn("slow");
                        });
                    }
                });
    </script> 
         </div>   
         </div>   